<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=f9U8oCC1uHxqe7gpimBsiG4UtjTP51MC"></script>
</head>
<style>
    body {
        background-image: url("../img/9_8hh4.jpg");
        /*background-repeat: repeat-x;*/
        background-repeat: no-repeat;
        height: 2000px;
        background-position: 50% 50%;
        background-attachment: fixed;
    }

    h4 {
        /*字符与字符之间的距离*/
        letter-spacing: 20px;
        /*单词与单词之间的距离*/
        word-spacing: 30px;
        /*全部转换为小写lowercase 大写uppercase*/
        text-transform: uppercase;
        text-decoration: yellow;
        /*white-space: pre-wrap;*/
        /*!*文字方向*!*/
        direction: ltr;
        box-shadow: 10px 10px 5px #888888;

    }

    /*p.normal {*/
    /*    font-style: normal;*/
    /*}*/


</style>
<body>
<h4>
    <a href="https://www.baidu.com/" target="_blank">te st</a> demo
</h4>
<p>文本 <q lang="no">段落中的引用</q> 文本。</p>
伪元素用于向某些选择器设置特殊效果

<div>
    <ul class="test t1">
        <li title="cc-bb-aa">List item 1</li>
        <li title="bb">List item 2</li>
        <li>List item 3</li>
    </ul>
    <ol id="test t2">
        <li>List item 1</li>
        <li title="aa cc aa dd">List item 2</li>
        <li>List item 3</li>
    </ol>
    <ol>
        <li class="t1">List item 1</li>
        <li title="cc">List item 2</li>
        <li>List item 3</li>
    </ol>
</div>
<div id="tidu" style="width: 1000px ;height: 500px"></div>
<script src="../js/testtidu.js"></script>
</body>
</html>